
@import './function';
@import './partials/reset';
html, body {
  height: 100%;
  overflow: hidden;
  min-width: 1440px;
  overflow-x: auto;
  background-color: #f0f4f5;
}

::selection {
  background: $primary;
  color:#fff;
}

a{
  color: $primary;
}

.color_red{
  color: $red;
}


#app {
  height: 100%;
  font-size: 14px;
  overflow: hidden;
  display: flex;
}

.content_panel{
  display: flex;
  flex-direction: column;
  height: 100%;
}
.content_panel_top{
  padding-top: 10px;
  background-color: #fff;
  margin-bottom: 10px;
  .el-form-item {
    margin-bottom:18px;
  }
}
.panel_title{
  color: $primary;
  font-size: 20px;
  padding-left: 30px;
  position: relative;
  height: 30px;
  line-height: 30px;
  &:before{
    content: ' ';
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 11px;
    left: 15px;
    background-color: $primary;
    border-radius: 50%;
  }
}
.module_content{
  padding: 20px 30px;
  background-color: #fff;
  flex: 1;
  overflow: auto;
}
.module_form{
  padding: 4px 20px 0 20px;
}
// element-ui
.left_panel_table_wrap{
  overflow: auto;
}
.title_small{
  font-size: 14px;
  margin: 0 10px 0 18px;
  color: $colorText;
  vertical-align: middle;
}
.table_list{
  position: relative;
}
.table_bottom_btns{
  position: absolute;
  bottom: 10px;
  left: 0;
}

.under_line{
  text-decoration: underline;
}
